


<script setup>
import {ref, reactive, nextTick} from 'vue'

// 我们可以使用 reactive() 函数创建一个响应式对象或数组：
const state = reactive({ count: 0 })
const arr = reactive(['a',1])

function increment() {
    state.count++
}
</script>

<template>
    <p>{{state}}</p>
    <p>{{arr}}</p>

    <button @click="increment">
    {{ state.count }}
    </button>
</template>